<template>
	<web-view :src="paymentUrl" @message="handleMessage"></web-view>
</template>

<script setup>
	import {
		ref
	} from 'vue';
	// 引入 useRoute 函数
	import {
		useRoute
	} from 'vue-router';
	import {
		onLoad
	} from '@dcloudio/uni-app'

	// 使用 useRoute 函数获取当前路由信息
	const route = useRoute();
	const paymentUrl = ref('');
	// 处理 web-view 发送的消息
	// 处理 web-view 发送的消息
	const handleMessage = (e) => {
		console.log('Received message:', e.detail.data); // 添加日志输出，方便调试
		if (e.detail.data === 'goBackToUniApp') {
			// 这里可以执行跳回 UniApp 页面的逻辑，比如返回上一页
			uni.navigateBack();
		}
	};
	onLoad((data) => {
		paymentUrl.value = data.payurl + '?userId=' + data.userId + '&totalAmount=' + data.totalAmount +
			'&orderName=' + data.orderName + '&orderImg=' + data.orderImg
		// console.log('paymentUrl.value',paymentUrl.value)
	})
</script>

<style lang="scss" scoped>
	web-view {
		width: 100vw;
		height: 100vh;
	}
</style>